<template>

  <div style="background-color: white;height: 2400px;font-weight:700">
    <br/>
    <br/>

    <strong style="font-size:30px"> How to find my order ID?
    </strong>
    <el-divider></el-divider>

    <div style="font-size: 24px;font-weight: 700">
      Step 1: Login your Amazon account and click “Your Order” in Account & Lists Page:
    </div>
    <img src="/static/findid1.png" width="1024" height="813">

    <div style="font-size: 24px;font-weight: 700">
      Step 2: Click “Order details” on the right order:
    </div>
    <img src="/static/findid2.png" width="1024" height="664">

    <div style="font-size: 24px;font-weight: 700">
      Step 3: You will see your order ID:
    </div>
    <img src="/static/findid3.png" width="1024" height="664">
    <div class="hello_world">
<!--      <button class="top el-icon-eleme" @click="toTop">^</button>-->
      <el-button class="top" icon="el-icon-caret-top" type="primary" @click="toTop"></el-button>
    </div>
  </div>

</template>

<script>
export default {
  name: "find-order",

  methods: {
    toTop() {
      document.documentElement.scrollTop = 0;
    },
  }
}
</script>

<style scoped>
.top {
  position: fixed;

  bottom: 50px;
  right: 100px;
}
</style>
